<template>
    <div>
      测试axios实例
    </div>
</template>

<script>
  import axios from "axios"
  export default {
    name: 'HelloWorld',
    data(){
      return{}
    },
    async mounted(){

      /*通过axios函数去发送请求 有3种方式
        1. axios(config)
        2. axios(url,config)
        3. axios.get(url,config)*/

      /*通过axios实例来发请求 有3种方式
        const axiosIns = axios.create(config1)
        1. axiosIns(config2)
        2. axiosIns(url,config2)
        3. axiosIns.get(url,config2)

        config1 会和 config2 结合到一起

        到真实的项目中 我们一般一个模块 对应一个axios实例
        当拥有axios实例后 每个模块对应的请求可以有个性化的设置
      * */


      axios.defaults.baseURL = 'https://api.github.com/';
      const userAxios = axios.create({
        timeout: 4000
      });
      const body = await userAxios.get("/search/users",{
        params:{
          q:"damu"
        }
      })
      const body2 = await userAxios.get("/search/users",{
        params:{
          q:"zdy"
        }
      })
      console.log(body,body2);
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
